<template>
  <div>
    <p>子组件</p>
    <div>
      <!-- 占位符，等着被替换 -->
      <!-- <slot /> -->
      <!-- 如果要给默认插槽设置默认值 -->
      <slot><span style="color:red;">默认内容</span></slot>
      <!-- 虽然写了多个默认插槽，不报错，但是从以后的业务逻辑来说，只写一个，如果子组件中需要用到多个插槽
      就使用具名插槽 -->
      <!-- <slot><span style="color:green;">默认内容2</span></slot> -->
    </div>
  </div>
</template>
